<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <link rel="icon" href="images/cloub.png" type="images/weibo.png" th:href="@{/resources/login/images/cloub.png}">
    <title>Stylish Error Page Responsive Widget Template :: w3layouts</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Stylish Error Page template Responsive, Login form web template,Flat Pricing tables,Flat Drop downs  Sign up Web Templates, Flat Web Templates, Login sign up Responsive web template, SmartPhone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design"
    />
    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!-- Custom Theme files -->
    <link href="../../../resources/error/css/style3.css" th:href="@{/resources/error/css/style3.css}" rel="stylesheet" type="text/css" media="all" />
    <!-- //Custom Theme files -->
    <!--pop-up-box-->
    <link href="../../../resources/error/css/popuo-box.css" th:href="@{/resources/error/css/popuo-box.css}" rel="stylesheet" type="text/css" media="all" />
    <!--//pop-up-box-->
    <link rel="stylesheet" href="../../../resources/error/css/font-awesome3.css" th:href="@{/resources/error/css/font-awesome3.css}">
    <!-- Font-Awesome-Icons-CSS -->
    <!-- web font -->
    <link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href="//fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"
          rel="stylesheet">
    <!-- //web font -->
</head>

<body>
<div class="main-agileits">
    <h1>Stylish Error Page</h1>
    <!-- content -->
    <div class="mainw3-agileinfo form">
        <div class="agileits-subscribe">
            <div class="img-po-agile">
                <img src="../../../resources/error/images/mmmmk.png" th:src="@{/resources/error/images/mmmmk.png}" alt="">
            </div>
            <div class="subscribe-w3lsbottom">
                <div class="w3l-page">
                    <i class="fa fa-spinner" aria-hidden="true"></i>Stylish
                </div>
                <h6>WAO~~~~~~ Something is wrong</h6>
                <h2 style="color: yellow">500</h2>
                <a class="play-icon popup-with-zoom-anim" href="#" th:href="@{/homepage}">返回到主页</a>
            </div>
            <div class="img-po-agile posi-sgile-2">
                <img src="../../../resources/error/images/mmmmk2.png" th:src="@{/resources/error/images/mmmmk2.png}" alt="">
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!-- //content -->
</div>

<!-- Popup -->
<div class="main vlcone mfp-hide" id="small-dialog1">
    <h3>Why Are You Waiting..</h3>
    <p>Subscribe to our email newsletter</p>
    <div class="w3ls-form">
        <form action="#" method="post">
            <input type="email" placeholder="Subscribe" name="Subscribe" required="">
            <button class="btn1">
                <i class="fa fa-paper-plane" aria-hidden="true"></i>
            </button>
        </form>
    </div>
    <div class="agileits-info">
        <h5>(OR)</h5>
    </div>
    <div class="share-icons">
        <a class="facebook" href="#">
            <i class="fa fa-facebook" aria-hidden="true"></i>
        </a>
        <a class="pinterest" href="#">
            <i class="fa fa-pinterest-p" aria-hidden="true"></i>
        </a>
        <a class="twitter" href="#">
            <i class="fa fa-twitter" aria-hidden="true"></i>
        </a>
        <a class="google" href="#">
            <i class="fa fa-google-plus" aria-hidden="true"></i>
        </a>
        <a class="vk" href="#">
            <i class="fa fa-vk" aria-hidden="true"></i>
        </a>
    </div>
</div>
<!-- //Popup -->

<!-- copyright -->
<div class="w3copyright-agile">
    <p>© 2019 Stylish Error Page. All rights reserved | Design by
        <a href="工作室连接" th:href="@{/homepage}" target="_blank">《云智工作室》</a>
    </p>
</div>
<!-- //copyright -->


<!-- jquery -->
<script src="../../../resources/error/js/jquery-2.1.4.min.js" th:src="@{/resources/error/js/jquery-2.1.4.min.js}"></script>
<!-- //jquery -->

<!-- popup modal (for signin & signup)-->
<script src="../../../resources/error/js/jquery.magnific-popup.js" th:href="@{/resources/error/js/jquery.magnific-popup.js}"></script>
<script>
    $(document).ready(function () {
        $('.popup-with-zoom-anim').magnificPopup({
            type: 'inline',
            fixedContentPos: false,
            fixedBgPos: true,
            overflowY: 'auto',
            closeBtnInside: true,
            preloader: false,
            midClick: true,
            removalDelay: 300,
            mainClass: 'my-mfp-zoom-in'
        });

    });
</script>

</body>

</html>